<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Projektarchiv</title>
</head>
<body>
	<div id="header" align="center" class="border-radius">
		<h1>ProJect</h1>
	</div>
	<div id="nav" align="center" class="border-radius black-border">
		<ul>
			<li><a href="Startseite.jsp">Startseite</a></li>
			<li><a href="E-Portfolio.jsp">E-Portfolio</a></li>
			<li><a href="Projekte.jsp">Projekte</a></li>
			<li><a href="Projektarchiv.jsp">Projektarchiv</a></li>
			<li><a href="Community.jsp">Community</a></li>
			<li><a href="Login.jsp" style="color: red;">Logout!</a></li>
		</ul>
	</div>
	<div id="boxleft" align="center"
		class="border-radius black-border gray-gradient">
		<h2>Teammembers</h2>
		<ul type="circle">
			<li><a href="Member.jsp">Member 1</a></li>
			<li>Member 2</li>
		</ul>
	</div>
	<div id="boxmiddle" align="center" class="border-radius black-border">
		<h2>Archivsuche</h2>
		<input type="search" placeholder="Stichwort"><br>
		<button type="submit">Suchen!</button>
		<div style="padding-top: 50px;">
			<hr>
		</div>
		<h2>Liste der Projekte</h2>
		<div class="dataTable" align="center">
			<table border="1">
				<tr>
					<th>Name</th>
					<th>Datum</th>
					<th>Projektbeginn</th>
				</tr>
				<tr>
					<td>Projekt A</td>
					<td>Beschreibung</td>
					<td>01.01.2013</td>
				</tr>
				<tr>
					<td>Projekt B</td>
					<td>Beschreibung</td>
					<td>01.01.2013</td>
				</tr>
				<tr>
					<td>...</td>
					<td>Beschreibung</td>
					<td>01.01.2013</td>
				</tr>
				<tr>
					<td><a href="Projekt.jsp">Projekt X</a></td>
					<td>Beschreibung</td>
					<td>01.01.2013</td>
				</tr>
			</table>
		</div>
	</div>
	<div id="boxright" align="center"
		class="border-radius black-border gray-gradient">
		<div id="box2" class="border-radius black-border">
			<p>laufende Projekte:
			<ul type="circle">
				<li align="left">Standardsoftware</li>
				<li align="left">individuelle Sooftware</li>
				<li align="left">ERP/CRM</li>
			</ul>
		</div>
		<div id="box2" class="border-radius black-border">
			<p>abgeschlossene Projekte:
			<ul type="circle">
				<li align="left">Standardsoftware</li>
				<li align="left">individuelle Sooftware</li>
				<li align="left">ERP/CRM</li>
			</ul>
		</div>
		<div id="box2" class="border-radius black-border">
			<p>geplante Projekte:
			<ul type="circle">
				<li align="left">Standardsoftware</li>
				<li align="left">individuelle Sooftware</li>
				<li align="left">ERP/CRM</li>
			</ul>
		</div>
	</div>
</body>
</html>